<template>
  <div id="app" style="height: 100%;width: 100%">
     <div ref="bigBody" style="width:100%;height: 100%;margin-top:0px;padding-bottom:50px;box-sizing:border-box;overflow:scroll">
       <router-view>
       </router-view>
     </div>
     <van-tabbar v-if="$route.meta.keepAlive" fixed v-model="active">
       <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
       <van-tabbar-item icon="fire-o" to="/Look">逛逛</van-tabbar-item>
       <van-tabbar-item icon="chat-o" :dot="true" to="/Chart">消息</van-tabbar-item>
       <van-tabbar-item icon="cart-o" to="/Cart">购物车</van-tabbar-item>
       <van-tabbar-item icon="manager-o" to="/My">我的</van-tabbar-item>
     </van-tabbar>
  </div>
</template>

<script>

export default {
  name: 'App',
  data(){
    return{
      active:0
    }
  },
  created() {

  }
}
</script>

<style scoped lang="less">
#app{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
}
</style>
